<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>申请达人</title>
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../../plugins/bootstrap/css/animate.css" type="text/css">
    <link rel="stylesheet" href="../../plugins/bootstrap/css/font-awesome.css?v=4.4.0" type="text/css">
    <link href="../../css/index/index.css" rel="stylesheet">
    <style>
 
        body {
            background-image: url(../../imgs/travler/apply_01.png);

            background-size: 1000px auto;
            background-repeat: no-repeat;
            background-position: 250px 60px;

        }
    </style>
</head>

<body>
    <!-- 返回首页 -->
    <div class="gohome" style="float: right;margin-right: 20px">
        <a href="../../index.html" class="animated bounceInUp">
            <i class="fa fa-home"></i>
        </a>
    </div>
    <!-- 返回首页end -->
    <div class="container-fluid" id="head" style="margin-bottom: 0px;">
            <div class="row">
    
                <nav class="navbar" role="navigation"
                    style="background-color: rgb(206, 228, 247);padding-left: 100px;margin-bottom: 0px">
                    <div class="container-fluid">
                        <div>
                            <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target="#example-navbar-collapse" style="background-color: royalblue">
                                <span class="sr-only">切换导航</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a href="index.html"> <img src="../../imgs/index/logo.jpg" alt="失败" id="logo"
                                    class="img-circle navbar-brand"></a>
                            <a class="navbar-brand" href="index.html" style="padding-left: 0px;font-family:楷体">
                                <span data-toggle="tooltip" title="悠 U 新方式">
                                    悠&nbsp;U</span></a>
                        </div>
    
                        <div class="collapse navbar-collapse" id="example-navbar-collapse ">
                            <ul class="nav navbar-nav ">
                                <li><a href="index.html">
                                        <span style="padding:0px 20px" data-toggle="tooltip" title="首页"> 首页</span></a></li>
    
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        游记<b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">
                                                <span class="glyphicon glyphicon-user"
                                                    style="text-shadow: rgb(216, 206, 206) 3px -1px;"></span>
                                                &nbsp;达人
                                                <span class="badge pull-center" style="background-color: red">hot</span>
                                            </a></li><br>
                                        <li><a href="#">
                                                <span class="glyphicon glyphicon-edit"></span>
                                                写游记
                                                <span class="badge pull-center"
                                                    style="background-color: red;font-size:3px">赚钻石</span>
                                            </a></li><br>
                                        <li><a href="#">
                                                <span class="glyphicon glyphicon-flag"></span>
                                                游记主页</a></li><br>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        景点<b class="caret"></b>
                                        <!-- <span class="label label-danger" style="font-size: 1px;">NEW</span>-->
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#"><span class="glyphicon glyphicon-fire">&nbsp;主题景点</span>
                                                <span class="badge pull-center"
                                                    style="background-color: red;font-size:3px">NEW</span>
                                            </a></li><br>
                                        <li><a href="#"><span class="glyphicon glyphicon-plane">&nbsp;精品行程</span></a></li>
                                        <br>
                                        <li><a href="#"><span class="glyphicon glyphicon-bell">&nbsp;当地玩乐</span></a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">
                                        <span data-toggle="tooltip" title="导&nbsp;游">导游</span>
                                        <!-- <span class="badge pull-center"
                                            style="color: red;font-size:1px">hot</span> -->
                                    </a>
                                </li>
    
                            </ul>
    
                            <!-- <div style="padding-top:15px" class="">
                                    <input type="text" placeholder="用户/游戏/动态" style=" height:20px">
                                    
                                </div> -->
    
    
                            <ul class="nav navbar-nav navbar-right" style="padding-right: 100px">
    
                                <li class="dropdown">
                                <li> <a></a></li>
                                <li><a href="#" class="dropdown-toggle" data-toggle="dropdown"
                                        style="font-family: 楷体;padding-left: 0px">
                                        我的悠 U &nbsp;<img id="headerImg" src="../../imgs/index/head.jpg" class="img-circle"><b
                                            class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="#">我的订单</a>
                                        </li>
                                        <li>
                                            <a href="#">我的导游</a>
                                        </li>
                                        <li>
                                            <a href="#">我的钱包</a>
                                        </li>
    
                                        <li>
                                            <a href="#">我的游记</a>
                                        </li>
                                        <li class="divider"></li>
                                        <li> <a href="#">互动信息</a> </li>
                                        <li> <a href="#">我的账号</a> </li>
                                        <li> <a href="#">退出</a> </li>
    
                                    </ul>
                                </li>
                                <li><a href="#weibo" style="padding-left:2px;padding-right: 2px"><i class="fa fa-weibo"></i></a></li>
                                <li><a href="#weixin" style="padding-left:2px;padding-right: 2px"><i class="fa fa-weixin"></i> </a></li>
                                <li><a href="#weixin" style="padding-left:2px;padding-right: 2px"> <i class="fa fa-qq"></i></a></li>
                                <li><a href="" style="padding-left:10px;padding-right: 10px">登录</li> </a>
                                <li><a href="" style="padding-left:10px;padding-right: 10px">注册</li> </a>
    
    
    
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>



    <!-- 申请 begin -->
    <div class="container-fluid">
        <div class="row">
            <div id="apply" style="margin:40px atuo;">
                <img src="../../imgs/index/logo.jpg" style="height: 100px;width: 200px;margin-left: 50px;opacity: 0.5;">
                <strong>悠 U 达人</strong>
            </div>
            <div style="text-align: center;margin-top: 150px">
                <span style="font-size:70px;font-family: '楷体'">达 人 集 结 号</span> <br>
                <span style="font-size:20px;">此时,已有 <span
                        style="color: rgb(192, 255, 66);font-family: '楷体';font-size: 24px">101</span>
                    人成为<span style="color: aqua;font-family: '楷体';font-size: 26px">悠U达人</span> 加入了这个神秘又高端的组织</span>
            </div>
            <div style="text-align: center;margin-top: 80px;">
                <button class="btn btn-danger dim btn-large-dim" type="button"
                    style="width: 240px;font-size: 24px;height: 60px">
                    <i class="fa fa-heart"></i> 我要成为达人>>>
                </button>
            </div>
            <div style="text-align: center;margin-top: 40px;font-size: 26px">
                <strong style="font-family: '楷体';color: aqua"> ' 达人福利 ' </strong>

            </div>
            <!-- 达人福利 -->
            <div style="margin-top: 40px">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-3">
                        </div>
                        <!-- 中间位置 -->
                        <div class="col-md-8">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-md-3" style="background-color: skyblue;margin-right: 20px ">
                                        <span style="font-size: 20px">one</span>
                                        <br>
                                        <div style="text-align: center;font-size: 50px;">
                                            <!-- <img src="../../imgs/index/rm_003.jpg" alt=""> -->
                                            <a href="#bookmark"><i class="fa fa-bookmark text-warning"></i></a><br>
                                        </div>
                                        <div style="font-size: 20px;text-align:center;">
                                            <strong>尊贵身份标识</strong><br></div>
                                        <div style="font-size: 20px;text-align:center;">
                                            <strong>让您与众不同</strong><br><br><br></div>

                                    </div>
                                    <div class="col-md-3" style="background-color: skyblue;margin-right: 30px ">
                                        <span style="font-size: 20px">two</span>
                                        <br>
                                        <div style="text-align: center;font-size: 50px;">
                                            <a href="#bookmark"><i
                                                    class="glyphicon glyphicon-picture text-warning"></i></a><br>
                                        </div>
                                        <div style="font-size: 20px;text-align:center;">
                                            <strong>添加艺术照片</strong><br></div>
                                        <div style="font-size: 20px;text-align:center;">
                                            <strong>展示不同风格</strong><br><br><br></div>

                                    </div>
                                    <div class="col-md-3" style="background-color: skyblue;margin-right: 30px ">
                                        <span style="font-size: 20px">three</span>
                                        <br>
                                        <div style="text-align: center;font-size: 50px;">
                                            <a href="#bookmark"><i
                                                    class="glyphicon glyphicon-thumbs-up text-warning"></i></a><br>
                                        </div>
                                        <div style="font-size: 20px;text-align:center;">
                                            <strong>优先文章推送</strong><br></div>
                                        <div style="font-size: 20px;text-align:center;">
                                            <strong>展示您的文采</strong><br><br><br></div>

                                    </div>
                                    <!-- 第二行 -->
                                    <div class="col-md-3"
                                        style="background-color: skyblue;margin-right: 23px;margin-top: 10px">
                                        <span style="font-size: 20px">four</span>
                                        <br>
                                        <div style="text-align: center;font-size: 50px;">
                                            <a href="#bookmark"><i
                                                    class="glyphicon glyphicon-magnet text-warning"></i></a><br>
                                        </div>
                                        <div style="font-size: 20px;text-align:center;">
                                            <strong>达人文章互看</strong><br></div>
                                        <div style="font-size: 20px;text-align:center;">
                                            <strong>互看文章不必付费</strong><br><br><br></div>

                                    </div>
                                    <div class="col-md-3"
                                        style="background-color: skyblue;margin-right: 25px;margin-top: 10px ">
                                        <span style="font-size: 20px">five</span>
                                        <br>
                                        <div style="text-align: center;font-size: 50px;">
                                            <a href="#bookmark"><i class="fa fa-bookmark text-warning"></i></a><br>
                                        </div>
                                        <div style="font-size: 20px;text-align:center;">
                                            <strong>精品文章收费</strong><br></div>
                                        <div style="font-size: 20px;text-align:center;">
                                            <strong>让您分享中得到快乐</strong><br><br><br></div>

                                    </div>
                                    <div class="col-md-3"
                                        style="background-color: skyblue;margin-right: 25px ;margin-top: 10px">


                                        <div
                                            style="font-size: 20px;text-align:center;margin-top: 100px;margin-bottom: 80px">
                                            <strong>更多特权,敬请期待</strong><br></div>

                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <!-- 申请达人 begin -->
            <div style="text-align: center;margin-top: 40px;font-size: 32px">
                <strong style="color: aqua"> ' 如何成为达人 ' </strong>
            </div>
            <div style="text-align: center;margin-top: 20px;font-size: 22px">
                <strong style="font-family: '楷体';">1.注册悠U账号,超过一个月 </strong>
            </div>
            <div style="text-align: center;margin-top: 20px;font-size: 22px">
                <strong style="font-family: '楷体';">2.有一定的文字功底或者是拍照技术,热爱分享</strong>
            </div>
            <div style="text-align: center;margin-top: 20px;font-size: 22px">
                <strong style="font-family: '楷体';">3.发布至少5篇原创游记,其中三遍为高度浏览推荐游记</strong>
            </div>
            <!-- 申请达人表格 -->
            <div class="container-fluid" style="margin-bottom:200px">
                <div class="row">
                    <div class="panel panel-default col-md-5" style="margin-left: 29%;border: none;margin-top: 30px">
                        <div class="panel-heading" style="text-align: center;font-size: 22px;background-color: aqua">

                            <h3 class="panel-title"> 申请成为达人
                            </h3>
                        </div>
                        <div class="panel-body"
                            style="padding-left: 15%;font-size: 14px;background-color: rgb(249, 255, 255)">
                            <form action="" method="POST" role="form">
                                <div class="form-group" style="margin-top: 20px">
                                    用户昵称 : <span>甜甜会撒娇</span>
                                </div>
                                <div class="form-group">
                                    姓&nbsp;&nbsp;&nbsp;&nbsp;名&nbsp;&nbsp;&nbsp;&nbsp;:<input type="text"
                                        style="margin-left: 5px;margin-top: 20px">
                                </div>
                                <div class="form-group">
                                    性&nbsp;&nbsp;&nbsp;&nbsp;别&nbsp;&nbsp;&nbsp;&nbsp;:
                                    <input type="radio">男 <input type="radio"
                                        style="margin-left: 5px;margin-top: 20px">女
                                </div>
                                <div class="form-group">
                                    出生日期:<input type="text" style="margin-left: 5px;margin-top: 20px">
                                </div>
                                <div class="form-group">
                                    手机号码:<input type="text" style="margin-left: 5px;margin-top: 20px">
                                </div>
                                <div class="form-group">
                                    简要自述:<input type="text" style="margin-left: 5px;margin-top: 20px"><br>
                                    <span style="color: grey;font-size: 10px;margin-left: 60px">*例如,特长说明,去过的地方等</span>
                                </div>
                                <div class="form-group" style="margin-left:70px;margin-bottom: 50px;margin-top: 40px">
                                   <button type="submit" class="btn btn-primary"><a href="traveler_list.html"> 提交申请</button></a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 申请达人 end -->
        </div>
    </div>


    <!-- 申请 end -->

    <!-- 底部导航 begin -->
    <div class="container-fluid">
        <div class="row">
            <nav class="navbar navbar-inverse fixed-bottom" role="navigation">
                <div class="container-fluid" style="font-size: 13px">
                    <div class="row">
                        <ul class="nav navbar-nav">
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 150px"
                                    class="col-md-4">
                                    <h4>悠&nbsp;U旅行</h4>
                                    <p>悠&nbsp;U是一个新方式的<span style="color: bisque"> "旅行交友"</span> 的网站,<br>
                                        旨在帮助旅行者计划和结伴游玩,<br>
                                        可以提供业余的引路人带给旅行者更好的 <span style="color: bisque"> "游玩体验"</span><br>
                                        提供一定的旅行日记,打造 <span style="color: bisque">"新方式旅行交友"</span><br>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 0px"
                                    class="col-md-12">
                                    <h4>关于我们</h4>
                                    <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                        <li>关于悠 U</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系我们</li><br>
                                        <li>服务协议</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;游记协议</li><br>
                                        <li>达人协议</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;隐私政策</li><br>
                                        <li>网络信息侵权通知指引</li><br>
                                        <li>网站地图</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商业合作</li><br>
                                        <li style="color: bisque">&nbsp;&nbsp;&nbsp;加入我们</li>

                                    </ul>
                            </li>
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 180px"
                                    class="col-md-12">
                                    <h4>帮助中心</h4>
                                    <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                        <li>新手上路</li><br>
                                        <li style="color: bisque">意见反馈</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;常见问题</li><br>
                                        <li style="color: bisque">帮助中心</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;旅行工具</li><br>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <br><br>
                    <hr>
                    <div style="color: rgb(177, 177, 177);margin-top: 20px;margin-left: 150px;font-size: 12px">
                        <div style="float: left;"><img src="../../imgs/index/logo.jpg" width="60px" height="40px"
                                style="opacity: 0.7;border-radius: 80px;">
                        </div>
                        <div style="float: left;margin: 10px 5px;font-family: '楷体';font-size:18px">悠 U</div>
                        <div style="float: left;;margin-top: 10px;margin-left: 30px">© 2019 悠U
                            版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可&nbsp;&nbsp;&nbsp;营业执照</div>
                        <div style="clear: both;margin-left: 130px;margin-bottom: 20px">悠U不是旅行社,也不是代理商,我们只提供一些免费、客观、公正
                            、计费的攻略指南,以及一些业余的引路人
                            对外部网站概不负责</div>

                    </div>
                </div>
                <div
                    style="float: right;width: 40px;height: 50px;margin-right: 10px;background-color: aliceblue;text-align: center">
                    <a href="#top" style="color: rgb(177, 177, 177)"><br>Top&nbsp;↑</a>
                </div>
            </nav>

        </div>
    </div>

    <!-- 底部导航 end -->

    <!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
    <script src="../../plugins/jquery/jquery.min.js"></script>
    <!--引入bootstrap的js文件-->
    <script src="../../plugins/bootstrap/js/bootstrap.js"></script>

    <!-- 自定义js -->
    <!-- <script src="../../js/content.js?v=1.0.0"></script> -->

    <script>
  


        $('#myCarousel').carousel({
            interval: 2000
        })


    </script>

</body>

</html>